<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>缤喔</title>
</head>
<link rel="stylesheet" href="css/street.css" type="text/css" />
<link rel="stylesheet" href="css/nav,footer.css" type="text/css"/>
<script src="script/script.js" type="text/javascript"></script>
<body>
<div class="wrap">
    <div class="nav">
        <div class="logo_left" id="logo_left">
            <a href="#" class="logo"><img src="images/logo.jpg"></a>
            <ul>
                <li style="margin-left: 400px;"><a href="index.html">首页</a></li>
                <li><a href="design.html">设计院</a></li>
                <li class="nav_first down">
                    <a href="street.html">商业街</a>
                    <div class="downmenu">
                        <p><a href="street.html">购物城</a></p>
                        <p><a href="game.html">大玩家</a></p>
                    </div>
                </li>
                <li><a href="community_all.html">社区</a></li>
                <li><a href="#">主题活动</a></li>
            </ul>
        </div>
        <div class="downmenu">
                <p><a href="street.html">购物城</a></p>
                <p><a href="#">大玩家</a></p>
        </div>
        <div class="logo_right">
            <textarea row="5px" col="20px"></textarea><span class="search">aaa</span>
            <div class="pubdesign">发布设计</div>
            <div class="pubtiezi">发布帖子</div>
            <div class="own_ifo"></div>
            <div class="own_head"></div>
        </div>
        <div class="banner">
            <a href="#"><img src="images/banner.jpg"/></a>
        </div>
    </div>
    <div class="streebody">
        <div class="popular_selection">
            <h3>热门精选</h3><span class="smalladd">Popular selection</span>
            <ul>
                <li>
                    <img src="images/popular_img.png">
                    <h5>桌面神器桌面神器桌面神器神器神器桌面神器桌面神器桌面神器神器</h5>
                </li>
                <li>
                    <img src="images/popular_img.png">
                    <h5>桌面神器桌面神器桌面神器神器神器桌面神器桌面神器桌面神器神器</h5>
                </li>
                <li>
                    <img src="images/popular_img.png">
                    <h5>桌面神器桌面神器桌面神器神器神器桌面神器桌面神器桌面神器神器</h5>
                </li>
                <li>
                    <img src="images/popular_img.png">
                    <h5>桌面神器桌面神器桌面神器神器神器桌面神器桌面神器桌面神器神器</h5>
                </li>
            </ul>
        </div>
        <div class="spotmarket">
            <h3>现货集市</h3><span class="smalladd">Spot market</span>
            <ul>
                <li style="width: 590px"><img src="images/spot_img_head.png"/></li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <span class="spotmarket_price"><b>￥</b>200.00</span>
                    <span class="spotmarket_buy">购买</span>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <span class="spotmarket_price"><b>￥</b>200.00</span>
                    <span class="spotmarket_buy">购买</span>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <span class="spotmarket_price"><b>￥</b>200.00</span>
                    <span class="spotmarket_buy">购买</span>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <span class="spotmarket_price"><b>￥</b>200.00</span>
                    <span class="spotmarket_buy">购买</span>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <span class="spotmarket_price"><b>￥</b>200.00</span>
                    <span class="spotmarket_buy">购买</span>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <span class="spotmarket_price"><b>￥</b>200.00</span>
                    <span class="spotmarket_buy">购买</span>
                </li>
            </ul>
        </div>
        <div class="presale">
            <h3>预售大厅</h3><span class="smalladd">Pre-sale hall</span>
            <h5 class="presale_h5">即将预售</h5><span class="smalladd" style="left: 405px;">Imminent sale</span>
            <ul>
                <li style="width: 590px"><img src="images/spot_img_head.png"/></li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:40%;">
                        </div>
                    </div>
                    <span class="cent">40%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:50%;">
                        </div>
                    </div>
                    <span class="cent">50%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:60%;">
                        </div>
                    </div>
                    <span class="cent">60%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:70%;">
                        </div>
                    </div>
                    <span class="cent">70%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:80%;">
                        </div>
                    </div>
                    <span class="cent">80%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:90%;">
                        </div>
                    </div>
                    <span class="cent">90%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:60%;">
                        </div>
                    </div>
                    <span class="cent">60%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:70%;">
                        </div>
                    </div>
                    <span class="cent">70%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:80%;">
                        </div>
                    </div>
                    <span class="cent">80%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:90%;">
                        </div>
                    </div>
                    <span class="cent">90%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="presale special">
            <h3>猜你喜欢</h3><span class="smalladd">Special Recommend</span>
            <ul>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:60%;">
                        </div>
                    </div>
                    <span class="cent">60%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:70%;">
                        </div>
                    </div>
                    <span class="cent">70%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:80%;">
                        </div>
                    </div>
                    <span class="cent">80%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
                <li>
                    <img src="images/spot_img.png"/>
                    <h4>桌面神器</h4>
                    <p class="explain_word">这是一款办公收纳神器以木桩为造型灵感。以有趣的收纳方式线让桌面更加整洁。12度倾斜的花瓣保护工作者的颈椎。</p>
                    <div class="progress">
                        <div class="bar" style="width:90%;">
                        </div>
                    </div>
                    <span class="cent">90%</span>
                    <dl style="margin-left: 8px;">
                        <dt>500人</dt>
                        <dd>目标人数</dd>
                    </dl>
                    <dl>
                        <dt>400人</dt>
                        <dd>已预定人数</dd>
                    </dl>
                    <dl style="border: none;">
                        <dt>30天</dt>
                        <dd>剩余时间</dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="footer_nav">
            <ul class="footer_nav_ul">
                <li>
                    <ul>
                        <li>使用帮助</li>
                        <li>设计师指南</li>
                        <li>网站指南</li>
                        <li>服务规则</li>
                        <li>意见反馈</li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li>关于我们</li>
                        <li>公司简介</li>
                        <li>网站地图</li>
                        <li>联系我们</li>
                        <li>版权说明</li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li>网站导航</li>
                        <li>首页</li>
                        <li>设计院</li>
                        <li>主题活动</li>
                        <li>大玩家</li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li>社区</li>
                        <li>心愿单</li>
                        <li>吐槽</li>
                        <li>创意</li>
                    </ul>
                </li>
                <li>
                    <img src="images/erweima_1.png"/>
                    <p style="margin-left:22px">扫一扫关注微博</p>
                </li>
                <li>
                    <img src="images/erweima_2.png"/>
                    <p style="margin-left:7px">扫一扫关注微信公众号</p>
                </li>
                <li>
                    <ul>
                        <li></li>
                        <li><span>电话</span>：0571-62079100</li>
                        <li><span>邮箱</span>：bingowo@126.com</li>
                        <li><span>QQ</span>：2580493974</li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="footer_company">
            <div class="footer_company2">
                <span>@跃岩网络 版权所有 浙ICP备16019786号-1</span>
                <span>浙公网安备 33010802005416号</span>
            </div>
        </div>
    </div>
</div>
</body>
</html>